<template>
  <van-nav-bar title="智能费控系统" />

  <van-swipe :autoplay="3000" >
    <van-swipe-item><img src="../assets/banner/banner01.jpg" alt=""></van-swipe-item>
    <van-swipe-item><img src="../assets/banner/banner02.jpg" alt=""></van-swipe-item>
    <van-swipe-item><img src="../assets/banner/banner03.jpg" alt=""></van-swipe-item>
  </van-swipe>

  <van-grid clickable :column-num="4">
    <van-grid-item icon="balance-list" text="借款单" to="/" />
    <van-grid-item icon="todo-list" text="报销单" to="/" />
    <van-grid-item icon="label" text="申请单" to="/" />
    <van-grid-item icon="sort" text="代理设置" to="/" />
    <van-grid-item icon="friends" text="供应商管理" to="/" />
  </van-grid>

  <van-tabbar route>
    <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
    <van-tabbar-item icon="search" to="/">新建单据</van-tabbar-item>
    <van-tabbar-item icon="friends-o" to="/mine">我的</van-tabbar-item>
  </van-tabbar>
</template>
<script setup>

</script>
<style type="text/css" lang="less" scoped>

</style>